<html>  
    <head>  
        <title>jQuery test</title>

        <style>
            <!--
            .st1 {
                color: blue;
                font-style: italic;
            }
            -->
        </style>

        <!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> --> 
        <script type="text/javascript" src="jquery-1.4.js"></script> 

        <script type="text/javascript">
            //window.onload = function() {
            //$(document).ready( function() {
            $(function() {
                var ename = 'testButton'
                document.getElementById(ename).onclick = function() {
                    var elem = document.getElementById(ename);
                    if (elem.style.color == 'red')
                        elem.style.color = 'blue'
                    else
                        elem.style.color = 'red'
                }
            //};
            });
        </script>
    </head>  
    <body>  
        <div class=st1>
            <h1>
                Header1
            </h1>
        </div>
        <button id="testButton">
            Push me!
        </button>
    </body>  
</html>  
